<template>
	<view class="full-page" v-if="totalPage">
		
	</view>
	<view class="content" v-else>
		<block v-if="userInfo.status == 3">
			<u-navbar bgColor="rgba(0,0,0,0)" :placeholder="true" :fixed="true" >
				<view slot="left">
					<image :src="'/images/navicon-back.png' | formatImgUrl" class="newicon" mode="aspectFill" @tap="$back" ></image>
				</view>
				<view slot="right">
					<image :src="'/images/navicon-search.png' | formatImgUrl" class="newicon" mode="aspectFill" ></image>
					<image :src="'/images/navicon-more.png' | formatImgUrl" class="newicon" style="margin-left: 12px;" mode="aspectFill" v-if="uid != $db.get('userInfo').membe_id"></image>
				</view>
			</u-navbar>
		</block>
		<block v-else>
			<!-- #ifndef MP-WEIXIN -->
			<u-navbar bgColor="rgba(0,0,0,0)" :placeholder="true" :fixed="true" v-if="!isScroll">
				<view slot="left">
					<image :src="'/images/navicon-back.png' | formatImgUrl" class="newicon" mode="aspectFill" @tap="$back" ></image>
				</view>
				<view slot="right">
					<image :src="'/images/navicon-search.png' | formatImgUrl" class="newicon" mode="aspectFill" @click="$go('/pages/find/searchHome?uid=' + uid)"></image>
					<image :src="'/images/navicon-more.png' | formatImgUrl" class="newicon" style="margin-left: 12px;" mode="aspectFill" @tap="showReport=true" v-if="uid != $db.get('userInfo').membe_id"></image>
				</view>
			</u-navbar>
			<u-navbar bgColor="#fff" :title="userInfo.username" :placeholder="true" :fixed="true" v-if="isScroll">
				<view slot="left">
					<image :src="'/images/navicon-backb.png' | formatImgUrl" class="newicon" mode="aspectFill" @tap="$back" ></image>
				</view>
				<view slot="right">
					<image :src="'/images/navicon-searchb.png' | formatImgUrl" class="newicon" mode="aspectFill" @click="$go('/pages/find/searchHome?uid=' + uid)"></image>
					<image :src="'/images/navicon-moreb.png' | formatImgUrl" class="newicon" style="margin-left: 12px;" mode="aspectFill" @tap="showReport=true" v-if="uid != $db.get('userInfo').membe_id"></image>
				</view>
			</u-navbar>
			<!-- #endif -->
		</block>
		
		<!-- #ifdef MP-WEIXIN -->
		<view class="geng" v-if="uid === $db.get('userInfo').membe_id" @click="editBgImg">
			更换背景
		</view>
		<image :src="'/images/bg-more.png' | formatImgUrl" class="icon-jubao" mode="aspectFill" @tap="showReport=true" v-if="uid != $db.get('userInfo').membe_id"></image>
		<!-- #endif -->
		
		<!-- 背景头衔 -->
		<!-- <view class="float-title">
			<view class="">
				2023年约文创作大赛
			</view>
			<view class="">
				定制区-第三名
			</view>
		</view> -->
		<block v-if="userInfo.status == 3">
			<image :src="'/images/zhuxiao-bg.png' | formatImgUrl" class="topbg" mode="aspectFill" :animation="animationData"></image>
			<view class="zhibox"></view>
			
			<view class="main">
				<image :src="'/images/zhuxiao.png' | formatImgUrl" class="myhead" mode=""></image>
				<view class="topnum">
					<view class="topli">
						<view class="title">
							0
						</view>
						
						<view class="txt">
							粉丝
						</view>
					</view>
					<view class="line"></view>
					<view class="topli" >
						<view class="title">
							0
						</view>
					
						<view class="txt">
							关注
						</view>
					</view>
					<view class="line"></view>
					<view class="topli">
						
						<view class="title">
							0
						</view>
						
						
						<view class="txt">
							获赞
						</view>
					</view>
				</view>
				<view class="namebox">
					<view class="nametxt">
						该账号已注销
					</view>
				</view>
				
				
				<view class="ritxt">
					<view class="">
						对方什么也没有留下
					</view>
				</view>
				
			</view>
			
			<view class="wrap ping-box2">
				<view class="img display-flex">
					<image :src="'/images/pingicon.png' | formatImgUrl" mode=""></image>
				</view>
				<view class="view1">
					该用户已注销
				</view>
				<view class="view2">
					发布的内容已无法被查看
				</view>
			</view>
		</block>
		<block v-else>
			<image :src="userInfo.bg_image | formatImgUrl" class="topbg" mode="aspectFill" :animation="animationData"></image>
			<view class="zhibox">
				<view class="zhili" :style="'background: linear-gradient(270deg, '+(userInfo.home_label_bg_color?userInfo.home_label_bg_color:'rgba(51, 51, 51, 1)')+', rgba(51, 51, 51, 0.00) 100%);'" v-if="userInfo.is_home_label == 1 && userInfo.home_label_type == 1">
					<view class="zhititle" v-if="userInfo.home_label_one">
						{{userInfo.home_label_one}}
					</view>
					<view class="zhitxt" v-if="userInfo.home_label_two">
						{{userInfo.home_label_two}}
					</view>
				</view>
				<view class="zhiImg" v-if="userInfo.is_home_label == 1 && userInfo.home_label_type == 2">
					<image :src="userInfo.home_label_bg_img | formatImgUrl" mode="aspectFill"></image>
				</view>
			</view>
			
			<view class="main">
				<view class="myhead">
					<image :src="userInfo.pic | formatImgUrl" class="" mode=""></image>
				</view>
				<view class="topnum">
					<view class="topli" @tap="clickFans('/pages/user/fans')">
						<!-- <view class="title" v-if="userInfo.sel_fens==1&&uid != $db.get('userInfo').membe_id">
							*
						</view> -->
						<image :src="'/images/eye-new.png' | formatImgUrl" style="width: 32rpx;height: 32rpx;" mode="" v-if="userInfo.sel_fens==1&&uid != $db.get('userInfo').membe_id"></image>
						<view class="title" v-else>
							{{userInfo.fans_num}}
						</view>
						
						<view class="txt">
							粉丝
						</view>
					</view>
					<view class="line"></view>
					<view class="topli" @tap="clickFans('/pages/user/concern')">
						<!-- <view class="title" v-if="userInfo.sel_guan==1&&uid != $db.get('userInfo').membe_id">
							*
						</view> -->
						
						<image :src="'/images/eye-new.png' | formatImgUrl" style="width: 32rpx;height: 32rpx;" mode="" v-if="userInfo.sel_guan==1&&uid != $db.get('userInfo').membe_id"></image>
						<view class="title" v-else>
							{{userInfo.follow_num}}
						</view>
					
						<view class="txt">
							关注
						</view>
					</view>
					<view class="line"></view>
					<view class="topli">
						
						<view class="title">
							{{userInfo.star_num}}
						</view>
						
						
						<view class="txt">
							获赞
						</view>
					</view>
				</view>
				<view class="namebox">
					<view class="nametxt">
						{{userInfo.username}}
					</view>
					<image
						:src="$options.filters.formatImgUrl(userInfo.writer_level.is_active?userInfo.writer_level.level.image:userInfo.writer_level.level.hide_img)"
						@click="$go('/pages/user/grade?uid='+userInfo.membe_id)" class="jipic" mode="aspectFit"
						v-if="userInfo&&userInfo.is_writer">
					</image>
									
								
					<image v-if="userInfo&&userInfo.user_level.is_active"
							:src="!userInfo.user_level.level?'':($options.filters.formatImgUrl(userInfo.user_level.active_day>0?userInfo.user_level.level.image:userInfo.user_level.level.hide_img))"
							class="biepic" mode="aspectFit" >
						</image>
				</view>
				<view class="dream">
					<!-- 10.16新增 -->
					<!-- sex 0无 1男 2女 -->
					<image :src="'/images/nullicon.png' | formatImgUrl" mode="aspectFit" v-if="userInfo.sex == 0"></image>
					<image :src="'/images/boyicon.png' | formatImgUrl" mode="aspectFit" v-if="userInfo.sex == 1"></image>
					<image :src="'/images/gender1.png' | formatImgUrl" mode="aspectFit" v-if="userInfo.sex == 2"></image>
					<text>{{userInfo.writer_apply && userInfo.writer_apply.age_str?userInfo.writer_apply.age_str + '岁':"年龄保密"}}</text>
					
					<image :src="'/images/writeage.png' | formatImgUrl" mode="aspectFit" v-if="userInfo.is_writer == 1"></image>
					<text v-if="userInfo.is_writer == 1">{{userInfo.writer_apply?userInfo.writer_apply.pen_age:"-"}}年</text>
					
					<block v-if="userInfo.is_line == 1">
						<view class="dian"></view>
						<view class="txt">
							当前在线
						</view>
					</block>
					<block v-else>
						<view class="dian2"></view>
						<view class="txt2">
							{{userInfo.line_time_str}}
						</view>
					</block>
					
					<view class="ip" v-if="userInfo.ip_address" style="margin-left: 8px;">
						IP：{{userInfo.ip_address}}
					</view>
				</view>
				
				<scroll-view scroll-x="true" class="ribox">
					<view class="rili" v-for="item in userInfo.user_tags" v-if="item">
						{{item}}
					</view>
					
				</scroll-view>
				
				<view class="ritxt">
					<block  v-if="userInfo.signature_des">
						<rich-text :nodes="userInfo.signature_des | filterRichText"></rich-text>
					</block>
					<block v-else>
						<view class="">
							这个用户很神秘，什么都没有留下
						</view>
					</block>
					
				</view>
				<!-- <view class="gbox"> -->
				<view class="ping-box" v-if="userInfo.is_ping == 1">
					<view class="display-flex" @tap="yichu">
						<image :src="'/images/ping.png' | formatImgUrl" mode=""></image>
						<text>解除屏蔽</text>
					</view>
				</view>
				
				<view class="gbox" v-if="uid !== $db.get('userInfo').membe_id && userInfo.is_ping == 0">
					<view class="gli" @click="userLike" v-if="!userInfo.is_like">
						<view class="a_jia"> 
							+
						</view>
						<view class="gtxt">
							关注
						</view>
					</view>
					<view class="gzhu" v-else @click="userLike">
						已关注
					</view>
					<view v-if="userInfo.is_primsg==1&&uid != $db.get('userInfo').membe_id" class="gou" @click="show = true">
						<image :src="'/images/pp.png' | formatImgUrl" class="goupic" mode=""></image>
						<view class="goutxt">
							沟通
						</view>
					</view>
					
					<view v-else-if="userInfo.is_writer==1" class="gou" @click="show = true">
						<image :src="'/images/pp.png' | formatImgUrl" class="goupic" mode=""></image>
						<view class="goutxt">
							直接下单
						</view>
					</view>
					<view v-else class="gou" @click="no_gou()">
						<image :src="'/images/pp.png' | formatImgUrl" class="goupic" mode=""></image>
						<view class="goutxt">
							沟通
						</view>
					</view>
					
				</view>
			</view>
			
			<view class="wrap" v-if="userInfo.is_ping == 0">
				<view class="topli" v-if="userInfo.is_writer" :class="isF ? 'sticky-fixed' : ''">
					<view v-for="item in navList" class="toptxt" :class="{'active': item.id == navIndex}"
						@click="navTap(item)">
						{{item.name}}
						<view class="line"></view>
					</view>
				</view>
				<view class="currentState" v-if="navIndex === 1">
					<view class="state state1 display-flex" v-if="userInfo.is_paidan == 0">
						<image :src="'/images/state11.png' | formatImgUrl" mode="aspectFit"></image>
						<text>写手当前可即时接单，欢迎各位下单</text>
					</view>
					<view class="state state2 display-flex" v-if="userInfo.is_paidan == 1">
						<image :src="'/images/state22.png' | formatImgUrl" mode="aspectFit"></image>
						<text>写手当前接单需排稿，下单前请做好咨询</text>
					</view>
					<view class="state state3 display-flex" v-if="userInfo.is_paidan == 2">
						<image :src="'/images/state33.png' | formatImgUrl" mode="aspectFit"></image>
						<text>写手当前暂停接单</text>
					</view>
				</view>
			
				
				
				
				<block v-if="navIndex === 1">
					<view class="empytView" v-if="!list.total">
						<image :src="'/images/kong.png' | formatImgUrl" mode="widthFix" />
					</view>
					<view v-for="item in rowList" class="huiabg" >
						<view class="showcase_item"  @click="$go('/showcase/showcase/datails?id='+item.id+'&type=0')">
							
								<view class="showcase_head display-flex">
									<image v-if="item.type_list" :src="item.type_list.icon | formatImgUrl" mode=""></image>
									<text class="tit">{{item.title | filterRichText}}</text>
								
									<!-- <view class="tip" v-if="item.status==0">
										正在审核
									</view>
									<view class="tip suc" v-if="item.status==1">
										审核通过
									</view>
									<view @tap.stop="shibai(item.refuse_msg)" class="tip err" v-if="item.status==2">
										审核失败
									</view> -->
									
									<!-- <image :src="'/images/bao.png' | formatImgUrl" @click="bom_show(item)" class="jubox" mode=""></image> -->
								</view>
								
								<view class="showcase_wrap">
									<view class="wrap_item">
										<image :src="'/images/re_list1.png' | formatImgUrl" mode="">风格类型：</image>
										<text>{{item.type_list.title}}</text>
									</view>
									<view class="wrap_item">
										<image :src="'/images/re_list2.png' | formatImgUrl" mode="">起拍单数：</image>
										<text>{{item.start_shooting}} 单</text>
									</view>
									<view class="wrap_item">
										<image :src="'/images/re_list3.png' | formatImgUrl" mode="">用户评分：</image>
										<text>{{item.rank}} 星</text>
									</view>
									<view class="wrap_item">
										<image :src="'/images/re_list4.png' | formatImgUrl" mode="">费用标准：</image>
										<text>{{Number(item.price).toFixed(0)}}币/{{item.word_count}}</text>
									</view>
									
									<!-- <image :src="'/images/show-icon1.png' | formatImgUrl" mode="aspectFit" class="iconimg" v-if="item.status==1"></image>
									<image :src="'/images/show-icon2.png' | formatImgUrl" mode="aspectFit" class="iconimg" v-if="item.status==0"></image>
									<image :src="'/images/show-icon3.png' | formatImgUrl" mode="aspectFit" class="iconimg" v-if="item.status==2"></image> -->
								</view>
								<view class="bottom">
									<view class="user">
										<image :src="'/images/order_num.png' | formatImgUrl" mode=""></image>
										<text>下单数量: {{item.buy_num}}人</text>
									</view>
									<view v-if="item.uid != $db.get('userInfo').membe_id && userInfo.is_paidan != 2"  class="sub" @tap.stop="toOrder(item)">
										去下单
									</view>
									
									<view v-if="item.uid != $db.get('userInfo').membe_id && userInfo.is_paidan == 2"  class="sub2">
										暂不接单
									</view>
								</view>
						</view>
					
					</view>
				</block>
				
				
				<block v-if="navIndex === 2">
					<view class="empytView" v-if="!list3.total">
						<image :src="'/images/kong.png' | formatImgUrl" mode="widthFix" />
					</view>
					<view v-for="item in rowList3" class="huiabg" >
						
						<view  class="pingbox" @tap.stop="$go('/showcase/showcase/evaluateinfo?id=' + item.oid)">
							<view class="ptop">
								<image :src="item.order_info.user.pic | formatImgUrl" class="head" mode=""></image>
								<view class="pcen">
									<view class="nabox">
										<view class="top">
											<view class="natitle">
												{{item.order_info.user.username}}
											</view>
											<view class="good red" v-if="item.rank <= 1">
												差评
											</view>
											<view class="good yellow" v-else-if="item.rank <= 3">
												中评
											</view>
											<view class="good" v-else>
												好评
											</view>
										</view>
										
										<view class="starbox">
											 {{item.times }}
										</view>
									</view>
									<view class="time">
									 	<view class="starbox_wrap">
											<text class="tit">效率</text>
									 		<image :src="'/images/newstar.png' | formatImgUrl" class="spic" v-for="rank in item.rank" mode="aspectFit">
									 		</image>
											<image :src="'/images/graystar.png' | formatImgUrl" class="spic" v-for="rank in 5-item.rank" mode="aspectFit">
											</image>
									 	</view>
										<view class="starbox_wrap">
											<text class="tit">内容</text>
											<image :src="'/images/newstar.png' | formatImgUrl" class="spic" v-for="rank in item.rank" mode="aspectFit">
											</image>
											<image :src="'/images/graystar.png' | formatImgUrl" class="spic" v-for="rank in 5-item.rank" mode="aspectFit">
											</image>
										</view>
										<view class="starbox_wrap">
											<text class="tit">文笔</text>
											<image :src="'/images/newstar.png' | formatImgUrl" class="spic" v-for="rank in item.rank" mode="aspectFit">
											</image>
											<image :src="'/images/graystar.png' | formatImgUrl" class="spic" v-for="rank in 5-item.rank" mode="aspectFit">
											</image>
										</view>
									</view>
								</view>
								
							</view>
							<view class="datxt" >
								{{item.eval_row || '这位单主什么都没有留下'}}
							</view>
							<view class="jiebox">
								<view class="left">
									<view class="ltop">
										
										<!-- <image v-if="item.type_list" :src="item.type_list.icon | formatImgUrl" class="lpic" mode=""></image> -->
										<image :src="'/images/new_tag01.png' | formatImgUrl" class="lpic" mode="aspectFit"></image>
										<view class="ltitle oneline">
											{{item.order_info.c_title}}
										</view>
									</view>
									<view class="ltxt">
										{{item.order_info.good.type_name}}<text> | 共{{item.order_info.good.start_shooting}}单</text>
									</view>
								</view>
								<view class="ytxt">
									<text>共计</text>{{Number(item.order_info.price).toFixed(0)}}<text style="color: #45C4B0;">币</text>
								</view>
							</view>
						</view>
					
					</view>
				</block>
				
				
				<block v-if="navIndex === 3">
					<view class="empytView" v-if="!list4.total">
						<image :src="'/images/kong.png' | formatImgUrl" mode="widthFix" />
					</view>
				<view v-for="item in rowList4" class="huiabg" v-if="navIndex === 3">
				
					<view class="taibox" @click="$go('/pages/find/content?id='+item.id)">
						<view class="jubox" style="padding: 10rpx;" @click.stop="aid = item.id,is_top=item.is_top, is_hide=item.is_hide,lw=item.lw,status=item.status,showdel = true">
							<image :src="'/images/bao.png'  | formatImgUrl"  class="jubox" mode=""></image>
						</view>
						<view class="taitop">
							<image :src="item.user.pic | formatImgUrl" class="taihead" mode=""></image>
							<view class="taiyou">
								<view class="yoa">
									<view class="nametxt">
										{{item.user.username}}
									</view>
									
							
								<image
									:src="$options.filters.formatImgUrl(item.user.writer_level.is_active?item.user.writer_level.level.image:item.user.writer_level.level.hide_img)"
									@click="$go('/pages/user/grade?uid='+item.user.membe_id)" class="jipic" mode="aspectFit"
									v-if="item.user&&item.user.is_writer">
								</image>
											
								<image v-if="item.user&&item.user.user_level.is_active"
										
										:src="!item.user.user_level.level?'':($options.filters.formatImgUrl(item.user.user_level.active_day>0?item.user.user_level.level.image:item.user.user_level.level.hide_img))"
										class="biepic" mode="aspectFit" >
										
									</image>
								</view>
								<view class="baobox">
									<view class="baofen" v-if="item.hot">
										{{$db.get('config').diy_hot_label}}
									</view>
									<view class="baofen" v-if="item.sift">
										{{$db.get('config').diy_sift_label}}
									</view> 
									<view class="baofen"  v-if="navIndex === 3 && item.is_hide == 1" style="background: rgba(216, 216, 216, 0.3);color: #999;">
										自己可见
									</view> 
									<view class="baofen2"  v-if="navIndex === 3 && item.is_top">
										置顶内容
									</view> 
									<image
										src="/static/image/s2.png"
										 mode="aspectFit"
										 class="jipic" 
										v-if="navIndex === 4">
									</image>
									<view class="baotime display-flex">
										<!-- <text class="tag-i" v-if="navIndex === 4">展示内容</text> <text class="tag-i" v-if="navIndex === 3 && item.is_yin">自己可见</text> -->
										{{item.times}} <text class="ip" v-if="navIndex === 4 && item.ip_address">IP：{{item.ip_address}}</text>
									</view>
									
								</view>
							</view>
						</view>
						<view class="baotitle" style="font-weight: bold;">
							{{item.title}}
						</view>
						<view class="baotxt" style="padding-bottom: 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;">
							<!-- <rich-text :nodes="item.row | filterRichText"></rich-text> -->
							{{item.row}}
						</view>
				
						<view class="chebox">
							<!-- <view class="chepic" v-for="items in item.img">
								<image :src="items | formatImgUrl" mode="aspectFill" class="chepic"></image>
							</view> -->
							
							<block v-if="item.img.length == 2 || item.img.length == 4">
								<view class="doubleImg display-flex">
									<image :src="items | formatImgUrl" mode="aspectFill" v-for="items in item.img"
										@click.stop="$common.previewImage(items,item.img)"></image>
								</view>
							</block>
							
							<block v-else>
								<view class="triImg display-flex">
									<image :src="items | formatImgUrl" mode="aspectFill" v-for="items in item.img"
										@click.stop="$common.previewImage(items,item.img)"></image>
								</view>
							</block>
						</view>
				
						<view class="zanbox">
							<view class="zanli">
								<image :src="'/images/heart1.png' | formatImgUrl" class="zanpic" mode="" style="width: 16px;height: 16px;"></image>
								<view class="zantxt">
									{{item.like_num}}
								</view>
							</view>
							<view class="zanli">
								<image :src="'/images/jg.png' | formatImgUrl" class="zanpic" mode=""></image>
								<view class="zantxt">
									{{item.remark_num}}
								</view>
							</view>
						</view>
					</view>
				
				</view>
				</block>
				
				<block v-if="navIndex === 4">
					<view class="empytView" v-if="!list2.total">
						<image :src="'/images/kong.png' | formatImgUrl" mode="widthFix" />
					</view>
				<view v-for="item in rowList2" class="huiabg" v-if="navIndex === 4">
				
					<view class="taibox" @click="$go('/pages/find/content?id='+item.id)">
						<view class="jubox" style="padding: 10rpx;" @click.stop="aid = item.id,is_top=item.is_top, is_hide=item.is_hide,lw=item.lw,status=item.status,showdel = true">
							<image :src="'/images/bao.png'  | formatImgUrl"  class="jubox" mode=""></image>
						</view>
						<view class="taitop">
							<image :src="item.user.pic | formatImgUrl" class="taihead" mode=""></image>
							<view class="taiyou">
								<view class="yoa">
									<view class="nametxt">
										{{item.user.username}}
									</view>
									
							
								<image
									:src="$options.filters.formatImgUrl(item.user.writer_level.is_active?item.user.writer_level.level.image:item.user.writer_level.level.hide_img)"
									@click="$go('/pages/user/grade?uid='+item.user.membe_id)" class="jipic" mode="aspectFit"
									v-if="item.user&&item.user.is_writer">
								</image>
											
								<image v-if="item.user&&item.user.user_level.is_active"
										
										:src="!item.user.user_level.level?'':($options.filters.formatImgUrl(item.user.user_level.active_day>0?item.user.user_level.level.image:item.user.user_level.level.hide_img))"
										class="biepic" mode="aspectFit" >
										
									</image>
								</view>
								<view class="baobox">
									<view class="baofen" v-if="item.hot">
										{{$db.get('config').diy_hot_label}}
									</view>
									<view class="baofen" v-if="item.sift">
										{{$db.get('config').diy_sift_label}}
									</view> 
									<view class="baofen"  v-if="navIndex === 3 && item.is_hide == 1" style="background: rgba(216, 216, 216, 0.3);color: #999;">
										自己可见
									</view> 
									<view class="baofen2"  v-if="navIndex === 3 && item.is_top">
										置顶内容
									</view> 
									<image
										src="/static/image/s2.png"
										 mode="aspectFit"
										 class="jipic" 
										v-if="navIndex === 4">
									</image>
									<view class="baotime display-flex">
										<!-- <text class="tag-i" v-if="navIndex === 4">展示内容</text> <text class="tag-i" v-if="navIndex === 3 && item.is_yin">自己可见</text> -->
										{{item.times}} <text class="ip" v-if="navIndex === 4 && item.ip_address">IP：{{item.ip_address}}</text>
									</view>
									
								</view>
							</view>
						</view>
						<view class="baotitle" style="font-weight: bold;">
							{{item.title}}
						</view>
						<view class="baotxt" style="padding-bottom: 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;">
							<!-- <rich-text :nodes="item.row | filterRichText"></rich-text> -->
							{{item.row}}
						</view>
				
						<view class="chebox">
							<!-- <view class="chepic" v-for="items in item.img">
								<image :src="items | formatImgUrl" mode="aspectFill" class="chepic"></image>
							</view> -->
							
							<block v-if="item.img.length == 2 || item.img.length == 4">
								<view class="doubleImg display-flex">
									<image :src="items | formatImgUrl" mode="aspectFill" v-for="items in item.img"
										@click.stop="$common.previewImage(items,item.img)"></image>
								</view>
							</block>
							
							<block v-else>
								<view class="triImg display-flex">
									<image :src="items | formatImgUrl" mode="aspectFill" v-for="items in item.img"
										@click.stop="$common.previewImage(items,item.img)"></image>
								</view>
							</block>
						</view>
				
						<view class="zanbox">
							<view class="zanli">
								<image :src="'/images/heart1.png' | formatImgUrl" class="zanpic" mode="" style="width: 16px;height: 16px;"></image>
								<view class="zantxt">
									{{item.like_num}}
								</view>
							</view>
							<view class="zanli">
								<image :src="'/images/jg.png' | formatImgUrl" class="zanpic" mode=""></image>
								<view class="zantxt">
									{{item.remark_num}}
								</view>
							</view>
						</view>
					</view>
				
				</view>
				</block>
				
			
				<!-- <view class="nomore" v-if="rowList.length && list.current_page == list.last_page">
					没有更多了~
				</view> -->
				<!-- 举报弹框 -->
				<u-popup :show="showdel" @close="closedel" @open="open">
					<view class="mask">
						<view class="matop" @click="is_tops(0)" v-if="uid === $db.get('userInfo').membe_id && is_hide == 0">
							<!-- <u-icon name="trash" color="#222222" size="20"></u-icon> -->
							<view class="matxt">
								<text v-if="is_top==0">置顶</text>
								<text v-if="is_top==1">取消置顶</text>
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						
						<!-- 10.16新增 -->
						<view class="matop" :style="{'margin-top': is_hide == 0 ? '-20rpx' : '0px'}" @click="is_tops(1)" v-if="uid === $db.get('userInfo').membe_id">
							<!-- <u-icon name="trash" color="#222222" size="20"></u-icon> -->
							<view class="matxt">
								<text v-if="is_hide==0">设为隐私</text>
								<text v-if="is_hide==1">设为公开</text>
								
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						<view class="matop" style="margin-top: -20rpx;" @click="is_tops(2)" v-if="uid === $db.get('userInfo').membe_id">
							<!-- <u-icon name="trash" color="#222222" size="20"></u-icon> -->
							<view class="matxt">
								
								<text v-if="lw==0">设为例文</text>
								<text v-if="lw==1">取消例文</text>
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						<view class="matop" style="margin-top: -20rpx;" @click="is_tops(3)" v-if="uid === $db.get('userInfo').membe_id">
							<!-- <u-icon name="trash" color="#222222" size="20"></u-icon> -->
							<view class="matxt">
								<text v-if="status==1">下架</text>
								<text v-if="status==2">上架</text>
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						
						<view class="matop" style="margin-top: -20rpx;" @click="delRow" v-if="uid === $db.get('userInfo').membe_id">
							<!-- <u-icon name="trash" color="#222222" size="20"></u-icon> -->
							<view class="matxt">
								删除
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						
						<view class="matop" @click="goToreport" v-if="uid !== $db.get('userInfo').membe_id">
							<!-- <image :src="'/images/jing.png'  | formatImgUrl" class="mapic" mode=""></image> -->
							<view class="matxt">
								举报
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						<view class="qubox" @click="showdel = false">
							取消
						</view>
					</view>
				</u-popup>
				
				<!-- 举报写手 -->
				<u-popup :show="showReport">
					<view class="mask">
						<view class="matop" @tap="lahei">
							<view class="matxt">
								拉黑
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						<view class="matop" style="margin-top: -20rpx;" @click="$go('/pages/find/report?id='+uid + '&newtype=2')" >
							<view class="matxt">
								举报
							</view>
							<image :src="'/images/rarr.png'  | formatImgUrl" class="mapic" mode=""></image>
						</view>
						<view class="qubox" @click="showReport = false">
							取消
						</view>
					</view>
				</u-popup>
			</view>
			
			<view class="wrap ping-box2" v-if="isPing">
				<view class="img display-flex">
					<image :src="'/images/pingicon.png' | formatImgUrl" mode=""></image>
				</view>
				<view class="view1">
					对方已被你屏蔽
				</view>
				<view class="view2">
					你已屏蔽对方，无法查看其主页
				</view>
			</view>
		</block>
		<!-- 沟通弹框 -->
		<u-popup :show="show" mode="center" @close="cloneDan()" @open="open">
			<view class="baibox">
				<image :src="userInfo.pic | formatImgUrl" class="baihead" mode=""></image>
				<view class="nickname">
					{{userInfo.username}}
				</view>
				<view class="xutxt" v-if="userInfo.is_writer && userInfo.writer_user_config.personal_note">
					约文须知
				</view>
				<scroll-view class="gexu" scroll-y="true" v-if="userInfo.is_writer">
					<view class="geli" v-if="userInfo.writer_user_config.personal_note">
						<view class="getitle">
							个人说明：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.personal_note}}
						</view>
					</view>
					<view class="geli" v-if="userInfo.writer_user_config.communication_time">
						<view class="getitle">
							沟通时间：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.communication_time}}
						</view>
					</view>
					<view class="geli" v-if="userInfo.writer_user_config.remuneration_details">
						<view class="getitle">
							价格明细：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.remuneration_details}}
						</view>
					</view>
					<view class="geli" v-if="userInfo.writer_user_config.order_notice">
						<view class="getitle">
							下单须知：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.order_notice}}
						</view>
					</view>
					<view class="geli" v-if="userInfo.writer_user_config.publication_works">
						<view class="getitle">
							版权归属：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.publication_works}}
						</view>
					</view>
					<view class="geli" v-if="userInfo.writer_user_config.additional_remarks">
						<view class="getitle">
							额外备注：
						</view>
						<view class="getxt">
							{{userInfo.writer_user_config.additional_remarks}}
						</view>
					</view>
				</scroll-view>
				<scroll-view class="gexu" scroll-y="true" v-if="!userInfo.writer_user_config.personal_note">
					<image :src="'/images/null.png' | formatImgUrl" mode="aspectFit" style="width: 100px;height: 123px;display:block;margin: 50rpx auto;" ></image>
				</scroll-view>
				<view v-if="uid != $db.get('userInfo').membe_id" class="fabox" @click="toImRoom()">
					<image :src="'/images/pp.png' | formatImgUrl" class="fapic" mode=""></image>
					<view class="fatxt">
						{{userInfo.is_writer?'立即沟通':'发起私信'}}
					</view>
				</view>
				
				<view class="fabox" @click="$go('/pages/my/place?id='+rowList[0].id)" v-if="userInfo.is_writer && list.total">
					<image :src="'/images/ji.png' | formatImgUrl" class="fapic" mode=""></image>
					<view class="fatxt">
						直接下单
					</view>
				</view>
			</view>
			<image :src="'/images/close.png' | formatImgUrl" @click="cloneDan()" class="closepic" mode=""></image>
		</u-popup>
		
		
		
		
		<u-popup :show="middleShow" mode="center" @close="cloneDan()">

			<view class="baibox" v-if="info">
				<image :src="info.user.pic | formatImgUrl" class="baihead" mode=""></image>
				<view class="nickname">
					{{info.user.username}}
				</view>
				<block v-if="info.user.writer_user_config">
					<view class="xutxt" @click="look_lw()" style="color: #45C4B0;">
						<image :src=" '/images/switch_icon.png' | formatImgUrl" mode=""></image>{{switchBth?'例文展示':'约文须知'}}
					</view>
					
					<!-- 约文须知 -->
					<scroll-view class="gexu" scroll-y="true" v-if="info.user.writer_user_config&&switchBth && info.user.writer_user_config.personal_note">
						<view class="geli" v-if="info.user.writer_user_config.personal_note" >
							<view class="getitle">
								个人说明：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.personal_note}}
							</view>
						</view>
						<view class="geli" v-if="info.user.writer_user_config.communication_time">
							<view class="getitle">
								沟通时间：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.communication_time}}
							</view>
						</view>
						<view class="geli" v-if="info.user.writer_user_config.remuneration_details">
							<view class="getitle">
								价格明细：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.remuneration_details}}
							</view>
						</view>
						<view class="geli" v-if="info.user.writer_user_config.order_notice" >
							<view class="getitle">
								下单须知：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.order_notice}}
							</view>
						</view>
						<view class="geli" v-if="info.user.writer_user_config.publication_works">
							<view class="getitle">
								版权归属：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.publication_works}}
							</view>
						</view>
						<view class="geli" v-if="info.user.writer_user_config.additional_remarks">
							<view class="getitle">
								额外备注：
							</view>
							<view class="getxt">
								{{info.user.writer_user_config.additional_remarks}}
							</view>
						</view>
					</scroll-view>
					<scroll-view class="gexu" scroll-y="true" v-if="!info.user.writer_user_config.personal_note && switchBth">
						<image :src="'/images/null.png' | formatImgUrl" mode="aspectFit" style="width: 100px;height: 123px;display:block;margin: 50rpx auto;" ></image>
					</scroll-view>
					
					
					
					<!-- 立文展示 -->
					<scroll-view class="gexu" scroll-y="true" v-if="!switchBth">
						<div class="exhibit">
							<view class="item" v-for="(item,index) in info.imagrs_arr">
								<image :src="item | formatImgUrl" mode="aspectFill" @click="$common.previewImage(item,info.imagrs_arr)"></image>
							</view>
						</div>
						<view class="geli">
							<view class="getxt">
								以上为例文展示内容，仅做展示使用，请勿二次传播、修改、盗用。
							</view>
						</view>
					</scroll-view>
				</block>
				
				<block v-else>
					<view class="xutxt">
						<image :src=" '/images/switch_icon2.png' | formatImgUrl" mode=""></image>{{switchBth?'例文展示':'约文须知'}}
					</view>
					<image :src=" '/images/notfill.png' | formatImgUrl" mode="aspectFit" style="display: block;margin: 0 auto;width: 200rpx;height: 246rpx;margin-bottom: 140px;"></image>
				</block>
				
				<!-- <view class="" style="width: 100%;height: 1px;background-color: rgba(153, 153, 153, 0.1);margin-bottom: 20px;">
					
				</view> -->
				<view class="fabox" @click="toImRoom">
					<image :src="'/images/pp.png' | formatImgUrl" class="fapic" mode=""></image>
					<view class="fatxt">
						立即沟通
					</view>
				</view>
				
				
				<view class="fabox" @click="$go('/pages/my/place?id='+info.id)">
					<image :src="'/images/ji.png' | formatImgUrl" class="fapic" mode=""></image>
					<view class="fatxt">
						直接下单
					</view>
				</view>
			</view>
			<image :src="'/images/close.png' | formatImgUrl" @click="cloneDan()" class="closepic" mode=""></image>
		</u-popup>
	
	</view>
</template>
<script>
	import * as db from '@/common/db.js'
	import {
	  TUIConversationService,
	} from "@tencentcloud/chat-uikit-engine";
	var Screen = uni.requireNativePlugin('Yam-Screen');
	
	export default {
		data() {
			return {
				// 是否关注
				isguan: true,
				// 点击切换
				navList: [{
					id: 1,
					name: '约文'
				}, 
				{
					id: 4,
					name: '例文'
				},{
					id: 2,
					name: '评价'
				}, {
					id: 3,
					name: '动态'
				}],
				navIndex: 1,
				// 沟通弹框
				show: false,
				uid: this.$db.get('userInfo').membe_id,
				userInfo: {},
				list: {},
				page: 1,
				rowList: [],
				showdel:false,
				aid:0,
				is_top:0,
				is_hide:0,
				lw:0,
				status: 0,
				info:null,
				switchBth:true,
				middleShow:false,
				showReport: false,
				type: '',
				is_dong: '',
				isScroll: false,
				isF: false,
				totalPage: true,
				isPing: false,
				animationData: {},
				isClick: true,
				
				page2: 1,
				list2: {},
				rowList2: [],
				page3: 1,
				rowList3: [],
				list3: {},
				page4: 1,
				list4: {},
				rowList4: [],
				
			}
		},
		// onPullDownRefresh() {
		// 	// setTimeout(function() {
		// 	// 		uni.stopPullDownRefresh(); //停止当前页面下拉刷新	
		// 	// }, 800);
		// 	// 	this.getUserInfo()
		// },
		onShow() {
			this.getUserInfo()
			
			this.getAccountState()
		},
		onLoad(option) {
		
			if (option.id) {
				this.uid = option.id
				
				let timestamp = uni.getStorageSync(this.uid+'timestamp');
				if(!timestamp){
					 timestamp = new Date().getTime()
					 uni.setStorageSync(this.uid+'timestamp',timestamp);
					 this.get_look(this.uid);
					 
				}else{
					let new_timestamp = new Date().getTime()
					if(new_timestamp - timestamp > 300000){
						uni.setStorageSync(this.uid+'timestamp',new_timestamp);
						this.get_look(this.uid);
					}
				}
				
				
				
					// Screen.checkPermission(function(res){
					// 	console.log(res);
					// });
					
					if (uni.getSystemInfoSync().platform == 'android') {
						//打开相册、图片预览或其他原生界面时开启防录屏，仅android支持
						Screen.setAntiActivityList([
							"io.dcloud.feature.nativeObj.photoview.PhotoActivity",
							//"io.dcloud.WebAppActivity",
							//"io.dcloud.ProcessMediator",
							//"io.dcloud.WebviewActivity",
							"com.dmcbig.mediapicker.PickerActivity",
							"com.dmcbig.mediapicker.PreviewActivity",
							"io.dcloud.feature.gallery.imageedit.IMGEditActivity"//,
							//"io.dcloud.sdk.activity.WebViewActivity",
							//"com.taobao.weex.devtools.toolbox.PerformanceActivity",
							//"com.blankj.utilcode.util.PermissionUtils$PermissionActivity"
						]);
						
						//设置录屏通知配置，仅android支持
						Screen.setRecordConfig({
							contentTitle:"默认app名称",
							contentText:"正在录屏"
						});
					}
					
					if (uni.getSystemInfoSync().platform == 'ios') {
						//判断是否在屏幕录制
						var ret = Screen.isCaptured();//true:正在录制 false：停止录制
						
						//监听截屏录屏回调
						Screen.setScreenCallback(function(res){
						    console.log(res);
						    if (res.type == "onScreenShot") {
						        //监听截屏回调事件
								// uni.showModal({
								// 	content:"onScreenShot"
								// })
						    } else if (res.type == "onScreenCapturedDidChange") {
						        //监听屏幕录制回调事件
						        var isCaptured = res.data;//true:正在录制 false：停止录制
						    }
						});
					}
					
			
			
				
			}
			// this.getUserInfo()
		},

		// 上拉加载
		onReachBottom() {
			if (this.list.current_page < this.list.last_page && this.navIndex == 1) {
				this.page++; // 页数加一，加载下一页数据
				this.getList();
			}
			
			if (this.list2.current_page < this.list2.last_page && this.navIndex == 4) {
				this.page2++; // 页数加一，加载下一页数据
				this.getList2();
			}
			
			if (this.list3.current_page < this.list3.last_page && this.navIndex == 2) {
				this.page3++; // 页数加一，加载下一页数据
				this.getList3();
			}
			
			if (this.list4.current_page < this.list4.last_page && this.navIndex == 3) {
				this.page4++; // 页数加一，加载下一页数据
				this.getList4();
			}
		},
		onPageScroll(e) {
			if(e.scrollTop > 100){
				this.isScroll = true
			}else{
				this.isScroll = false
			}
			
			if (e.scrollTop < 350 ) {
			    this.isF = false
			} else {
			    this.isF = true
			}
			
			// let y = e.scrollTop;
			// if (y < 0) {
			// 	var animation = uni.createAnimation({
			// 		duration: 0,
			// 		timingFunction: 'linear',
			// 	})
			// 	this.animation = animation
				
			// 	// let distance = 1-(y / 80 + 1) < 1 ? 1 : 1-(y / 80 + 1)
				
			// 	let distance = 1-(y / 20 + 1) < 1 ? 1 : 1-(y / 20 + 1)
			// 	animation.scale(distance).step()
			
			// 	this.animationData = animation.export()
			
			// } else {
			// 	var animation = uni.createAnimation({
			// 		duration: 100,
			// 		timingFunction: 'ease-out',
			// 	})
			// 	this.animation = animation
			// 	animation.scale(1).step()
			// 	this.animationData = animation.export()
			// }
		},
		onHide() {
			
			// #ifdef APP-PLUS
					setTimeout(()=>{
						Screen.closeAntiRecordScreen();
					},100)
			// #endif
		},
		
		onUnload() {
			// #ifdef APP-PLUS
					setTimeout(()=>{
						Screen.closeAntiRecordScreen();
					},100)
			// #endif
			
		},
		methods: {
			look_lw(){
							
				if(this.switchBth == true){
					console.log("展示")
					// #ifdef APP-PLUS
							Screen.openAntiRecordScreen();
					// #endif
					
				}else{
					// #ifdef APP-PLUS
					console.log("关闭")
							Screen.closeAntiRecordScreen();
					// #endif	
				}
				this.switchBth = !this.switchBth
			},
			lahei(){
				this.$api.default.request('user/no_like_user', {id:this.uid}).then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg,()=>{
							this.getUserInfo()
						})
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			yichu(){
				this.$api.default.request('user/user_friend_yichu_back1', {id:this.uid}).then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg,()=>{
							this.getUserInfo()
						})
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			clickFans(url){
				if(this.uid != this.$db.get('userInfo').membe_id){
					return
				}
				
				this.$go(url)
			},
			cloneDan(){
				if(uni.getSystemInfoSync().platform != 'ios'){
					Screen.closeAntiRecordScreen()
				}
				
				this.show = false;
				this.middleShow = false;
			},
			toOrder(item){
				if(this.is_dong == 1){
					this.$common.errorToShow('您的橱窗下单权限已被暂时关停')
					return
				}
				
				this.middleShow=true
				this.info=item
			},
			// 当前账号的冻结信息
			getAccountState(){
				this.$api.default.request('index/getStatus', {
					type: 5,//0冻结动态 1冻结聊天 2冻结橱窗 3抢单权限 4发单权限 5下单权限 6提现权限 7充值权限
				}, 'POST', false).then((res) => {
					if (res.code) {
						this.is_dong = res.is_dong
					}
				})
			},
			get_look(uid){
				//uni.getStorageSync('dev_data');
				this.$api.default.request('user/look_user', {
					uid: uid,
				}, 'POST').then((res) => {
				})
				
			},
			is_tops(type){
				this.$api.default.request('user/user_top', {
					id: this.aid,
					type: type
				}, 'POST').then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg,()=>{
							this.page = 1
							this.list = {}
							this.rowList = []
							this.getList();
							this.showdel = false
						})
					}
				})
			},
			no_gou(){
				this.$common.errorToShow("该用户未开放私信")
			},
			delRow(){
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.$api.default.request('Discover/delArticle', {
					id: this.aid,
				}, 'POST').then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg,()=>{
							this.page = 1
							this.list = {}
							this.rowList = []
							this.getList();
							this.showdel = false
						})
					}
				})
			},
			goToreport() {
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.showdel = false
				uni.navigateTo({
					url: '/pages/find/report?id='+this.aid + '&newtype=0'
				})
			},
			userLike(){
				
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
			
				this.$api.default.request('user/userLike', {
					uid: this.uid,
				}, 'POST').then((res) => {
					if (res.code == 1) {
						this.$common.successToShow(res.msg,()=>{
							this.getUserInfo()
						})
					}
				})
			},
			getList() {
				this.$api.default.request('user/userPageList', {
					type: 1,
					uid: this.uid,
					page: this.page
				}, 'POST',false).then((res) => {
					if (res.code == 1) {
						this.list = res.data
						if (res.data.current_page > 1) {
							res.data.data.forEach((item) => {
								this.rowList.push(item)
							})
						} else {
							this.rowList = res.data.data
						}
					}
					
					this.totalPage = false
				})
			},
			getList2() {
				this.$api.default.request('user/userPageList', {
					type: 4,
					uid: this.uid,
					page: this.page2
				}, 'POST',false).then((res) => {
					if (res.code == 1) {
						this.list2 = res.data
						if (res.data.current_page > 1) {
							res.data.data.forEach((item) => {
								this.rowList2.push(item)
							})
						} else {
							this.rowList2 = res.data.data
						}
					}
					
					this.totalPage = false
				})
			},
			getList3() {
				this.$api.default.request('user/userPageList', {
					type: 2,
					uid: this.uid,
					page: this.page3
				}, 'POST',false).then((res) => {
					if (res.code == 1) {
						this.list3 = res.data
						if (res.data.current_page > 1) {
							res.data.data.forEach((item) => {
								this.rowList3.push(item)
							})
						} else {
							this.rowList3 = res.data.data
						}
					}
					
					this.totalPage = false
				})
			},
			getList4() {
				this.$api.default.request('user/userPageList', {
					type: 3,
					uid: this.uid,
					page: this.page4
				}, 'POST',false).then((res) => {
					if (res.code == 1) {
						this.list4 = res.data
						if (res.data.current_page > 1) {
							res.data.data.forEach((item) => {
								this.rowList4.push(item)
							})
						} else {
							this.rowList4 = res.data.data
						}
					}
					
					this.totalPage = false
				})
			},
			// 更换背景
			editBgImg() {
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.$common.chooseImage({}, (data) => {
					if (data) {
						this.saveUser({
							'bg_image': data
						})
					}
				})
			},
			saveUser(data) {
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.$api.default.request('user/saveUser', data).then((res) => {
					if (res.code == 1) {
						this.userInfo = res.user
						this.$common.successToShow(res.msg)
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			toImRoom() {
				let auth = db.get('auth');
				if (!auth) {
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				// this.$store.commit('createConversationActive', this.userInfo.membe_id)
				// var url = ''
				// if(this.userInfo.is_writer){
				// 	url = '/pages/tim/room?userType=1&showbox=1&uid=' + this.userInfo.membe_id
				// }else{
				// 	url = '/pages/tim/room'
				// }
				// uni.navigateTo({
				// 	url: url
				// })
				
				if(!this.isClick){
					
					return
				}
				this.isClick = false
				uni.request({
				    url: 'https://api.dreamyuewen.com/api/user/userInfo', 
				    data: {
				       uid: this.userInfo.membe_id,
				    },
				    header: {
				        token: db.get('auth')
				    },
				    success: (res) => {
				        uni.setStorageSync("userItem",res.data.user);
						
						uni.request({
						    url: 'https://api.dreamyuewen.com/api/user/userPageList', 
						    data: {
						       uid: this.userInfo.membe_id,
							   page: 1,
							   type: 1
						    },
						    header: {
						        token: db.get('auth')
						    },
						    success: (ress) => {
						        uni.setStorageSync("userPageList",ress.data.data.data);
								
								uni.request({
								    url: 'https://api.dreamyuewen.com/api/order/getTimOrderList', 
								    data: {
								       uid: this.userInfo.membe_id,
								    },
								    header: {
								        token: db.get('auth')
								    },
								    success: (resss) => {
										setTimeout(()=> {
											this.isClick = true
										}, 2000);
								        uni.setStorageSync("orderList",resss.data.data);
										
										TUIConversationService.switchConversation('C2C'+this.userInfo.membe_id);
										uni.navigateTo({
											url: '/TUIKit/components/TUIChat/index'
										})
								    }
								});
						    }
						});
				    }
				});
					
					
					
					
					
					
					
				// emits("handleSwitchConversation", item.conversationID);
				
			},
			getUserInfo() {
				// console.log(this.uid,777)
				this.$api.default.request('user/userInfo', {
					uid: this.uid
				}, 'POST', false).then((res) => {
					if (res.code) {
						this.userInfo = res.user
						if (!res.user.is_writer) {
							this.navIndex = 3
						}
						this.showReport = false
						this.getList()
						this.getList2()
						this.getList3()
						this.getList4()
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			navTap(item) {
				
				//this.openAntiRecordScreen();
				
				
				// #ifdef APP-PLUS
					if(item.id == 4){
						Screen.openAntiRecordScreen();
					}else{
						Screen.closeAntiRecordScreen();
					}
				// #endif
			
				// this.list = {}
				// this.rowList = []
				this.navIndex = item.id
				// this.page = 1;
				// this.getList()
			},
			// 沟通弹框
			open() {
				// console.log('open');
			},
			close() {
				Screen.closeAntiRecordScreen()
				this.show = false
				// console.log('close');
			},
			
			closedel() {
				Screen.closeAntiRecordScreen()
				this.showdel = false
				// console.log('close');
			}
		}
	}
</script>
<style lang="scss">
	.currentState{
		padding: 10px 15px;
		padding-bottom: 0;
		background-color: #fff;
		
		image{
			width: 13px;
			height: 13px;
			margin-right: 3px;
		}
		.state{
			height: 24px;
			border-radius: 4px;
			font-family: 思源黑体;
			font-size: 12px;
			justify-content: center;
		}
		
		.state1{
			background: rgba(69, 196, 176, 0.15);
			color: #45C4B0;
		}
		
		.state2{
			background: rgba(153, 153, 153, 0.15);
			color: #999;
		}
		
		.state3{
			background: rgba(237, 50, 50, 0.15);
			color: #ED3232;
		}
	}
	
	.ping-box{
		padding: 10px 15px;
		
		.display-flex{
			height: 30px;
			justify-content: center;
			border-radius: 4px;
			background: #ED3232;
			
			image{
				width: 16px;
				height: 16px;
				margin-right: 8px;
			}
			
			text{
				font-family: 思源黑体;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
			}
		}
	}
	
	.ping-box2{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 98px;
		
		.img{
			justify-content: center;
			width: 60px;
			height: 60px;
			background: #D8D8D8;
			border-radius: 50%;
			
			image{
				width: 32px;
				height: 32px;
			}
		}
		
		.view1{
			font-family: 思源黑体;
			font-size: 14px;
			font-weight: bold;
			color: #3D3D3D;
			margin-top: 20px;
		}
		
		.view2{
			margin-top: 4px;
			font-family: 思源黑体;
			font-size: 12px;
			color: #999999;
		}
	}
	
	.sticky-fixed {
		   /* #ifndef MP-WEIXIN */
		   position: sticky;
		   top: 88px;
		   /* #endif */
	       /* #ifdef MP-WEIXIN */
		   position: sticky;
	       top: 0;
	       /* #endif */
		   width: 100%;
	        z-index: 999;
			border-top: 1px solid rgba(153, 153, 153, 0.1);
	    }
	
	page {
		background: rgba(242, 245, 242, 1);
	}

	.content {
		position: relative;
		/* #ifdef MP-WEIXIN */
		padding-top: 160px;
		/* #endif */
		/* #ifndef MP-WEIXIN */
		padding-top: 130px;
		/* #endif */
		padding-bottom: 150rpx;
		
		.float-title{
			position: absolute;
			right: 0;
			top: 200rpx;
			padding: 3px 15px;
			background: linear-gradient(270deg, #333333 0%, rgba(51, 51, 51, 0) 100%);
			font-family: '思源黑体';
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
		}
		
		.icon-jubao{
			position: absolute;
			right: 38rpx;
			top: 8rpx;
			width: 36rpx;
			height: 36rpx;
			z-index: 99;
		}
		
		.newicon{
			width: 24px;
			height: 24px;
		}
		
		.showcase_item{
			padding: 24rpx 30rpx;
			background: #fff;
			margin-bottom: 20rpx;
			position: relative;
			overflow: hidden;
			
			.iconimg{
				position: absolute;
				right: 0;
				top: 50%;
				transform: translate(20%,-60%);
				width: 134px;
				height: 134px;
			}
			
			.showcase_head{
				display: flex;
				position: relative;
				align-items: center;
				image{
					width: 32rpx;
					height: 32rpx;
					object-fit: cover;
					margin-right: 8rpx;
				}
				.tit{
					width: 70%;
					font-size: 28rpx;
					font-weight: bold;
					color: #3D3D3D;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.tip{
					font-size: 20rpx;
					font-weight: normal;
					color: #999999;
					padding: 2rpx 8rpx;
					background: rgba(153, 153, 153, 0.15);
					border-radius: 8rpx;
					margin-left: 16rpx;
				}
				.jubox {
					position: absolute;
					top: 6rpx;
					right: 0rpx;
					width: 32rpx;
					height: 32rpx;
					z-index: 99;
					// border: 1px dashed #eeeeee;
				}
				.suc{
					background: rgba(69, 196, 176, 0.15);
					color: #45C4B0;
				}
				.err{
					color: #D63636;
					background: rgba(214, 54, 54, 0.15);
				}
				
			}
			.showcase_wrap{
				margin-top: 28rpx;
				 display: grid;
				 grid-gap: 28rpx 24rpx;
				 grid-template-columns: repeat(auto-fill, 300rpx);
				 padding-bottom: 20rpx;
				 border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				  .wrap_item{
					  display: flex;
					  align-items: center;
					  font-size: 20rpx;
					  color: #999999;
					  image{
						  width: 24rpx;
						  height: 24rpx;
						  object-fit: cover;
						  margin-right: 4rpx;
					  }
				  }
			  }
			  .bottom{
				  padding-top: 24rpx;
				  display: flex;
				  justify-content: space-between;
				  align-items: center;
				  .user{
					  display: flex;
					  justify-content: center;
					  align-items: center;
					  font-size: 24rpx;
					  color: #999999;
					  image{
						  width: 32rpx;
						  height: 32rpx;
						  border-radius: 50%;
						  object-fit: cover;
						  margin-right: 4rpx;
					  }
				  }
				  .sub{
					  border-radius: 24rpx;
					  padding: 10rpx 32rpx;
					  background: #45C4B0;
					  font-size: 20rpx;
					  font-weight: bold;
					  color: #FFFFFF;
				  }
				  
				  .sub2{
					  border-radius: 24rpx;
					  padding: 10rpx 32rpx;
					  background: #999;
					  font-size: 20rpx;
					  font-weight: bold;
					  color: #FFFFFF;
				  }
			  }
		}
		

		.topbg {
			width: 100%;
			height: 550rpx;
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;
		}

		.geng {
			top: 192rpx;
			width: 128rpx;
			height: 36rpx;
			border-radius: 8rpx;
			background: rgba(216, 216, 216, 0.3);
			text-align: center;
			line-height: 36rpx;
			font-size: 20rpx;
			color: #999999;
			position: absolute;
			top: 16rpx;
			right: 30rpx;
		}

		.zhibox {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			text-align: right;
			// height: 80rpx;
			.zhili {
				padding: 6rpx 30rpx 6rpx 10rpx;

				.zhititle {
					font-size: 20rpx;
					color: #ffffff;
				}

				.zhitxt {
					font-size: 28rpx;
					text-align: right;
					letter-spacing: 0em;
					color: #FFFFFF
				}
				
			}
			.zhiImg{
				image{
					width: 250rpx;
					height: 80rpx;
					margin-bottom: -1rpx;
				}
			}
		}
		.jipic {
					width: 41px;
					height:19px;
					margin-right: 8rpx;
				}
		.main {
			background-color: #ffffff;
			margin-bottom: 20rpx;
			padding: 10rpx 30rpx 20rpx;
			position: relative;
			border-radius: 10px 10px 0 0;

			.myhead {
				position: absolute;
				width: 160rpx;
				height: 160rpx;
				border-radius: 50%;
				left: 30rpx;
				top: -80rpx;
				border: 4rpx solid #fff;
				
				image{
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
			}

			.topnum {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				padding-bottom: 16rpx;

				.topli {
					width: 180rpx;
					text-align: center;

					.title {
						font-size: 32rpx;
						color: #3d3d3d;
						font-weight: bold;
					}

					.txt {
						font-size: 20rpx;
						color: #999999;
					}
				}

				.line {
					height: 40rpx;
					width: 1px;
					background-color: #d8d8d8;
					flex-shrink: 0;
				}
			}

			.dream {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				font-size: 20rpx;
				font-weight: normal;
				letter-spacing: 0em;
				color: #999999;
				padding-bottom: 12rpx;

				.onLine {
					display: flex;
					justify-content: center;
					align-items: center;
					padding-left: 20rpx;

					text {
						margin-right: 10rpx;
					}
				}
				
				image{
					width: 30rpx;
					height: 30rpx;
				}
				
				text{
					font-family: '思源黑体';
					font-size: 10px;
					color: #999999;
					margin-left: 8rpx;
					margin-right: 18rpx;
				}
				
				.dian {
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background: #45C4B0;
				}
				
				.txt {
					font-size: 20rpx;
					font-weight: normal;
					letter-spacing: 0em;
					padding-left: 8rpx;
					color: #45C4B0;
				}
				
				.dian2{
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background: #999;
				}
				.txt2{
					font-size: 20rpx;
					font-weight: normal;
					letter-spacing: 0em;
					padding-left: 8rpx;
					color: #999;
				}
				
				
			}
			
			.namebox {
				display: flex;
				align-items: center;
				padding-bottom: 8rpx;

				.nametxt {
					font-size: 28rpx;
					color: #3D3D3D;
					padding-right: 8rpx;
					font-weight: bold;
				}

				.jipic {
					width: 41px;
					height:19px;
					margin-right: 8rpx;
				}

				.biepic {
					width: 41px;
					height:19px;
				}
			}

			.ribox {
				width: 100%;
				white-space: nowrap;
				overflow: hidden;
				border-radius: 4px;

				.rili {
					display: inline-block;
					vertical-align: middle;
					// max-width: 180rpx;
					white-space: nowrap;
					// overflow: hidden;
					// text-overflow: ellipsis;
					background: rgba(153, 153, 153, 0.102);
					padding: 2px 8px 2px 8px;
					border-radius: 89px;
					font-family: 思源黑体;
					font-size: 12px;
					// font-weight: bold;
					color: #999;
					margin-right: 16rpx;
					margin-bottom: 16rpx;
				}
				.rili_nback{
					background:none;
				}
			}

			.ritxt {
				font-size: 20rpx;
				color: #999;
				padding-bottom: 20rpx;
			}

			.gbox {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.gli {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 330rpx;
					height: 60rpx;
					border-radius: 8rpx;
					box-sizing: border-box;
					border: 1px solid #45C4B0;
					.a_jia{
						color: #45C4B0;
						font-size: 32rpx;
						margin-bottom: 5rpx;
					}	
					.gpic {
						width: 32rpx;
						height: 32rpx;
					}

					.gtxt {
						font-size: 24rpx;
						font-weight: bold;
						color: #45C4B0;
						padding-left: 12rpx;
					}
				}

				.gzhu {
					text-align: center;
					line-height: 60rpx;
					width: 330rpx;
					height: 60rpx;
					border-radius: 8rpx;
					box-sizing: border-box;
					border: 1px rgba(153, 153, 153, 0.1);
					background: rgba(153, 153, 153, 0.1);
					font-size: 24rpx;
					color: #999999;
					font-weight: bold;
				}

				.gou {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 330rpx;
					height: 60rpx;
					border-radius: 8rpx;
					box-sizing: border-box;
					background-color: #45C4B0;
					border: 1px solid #45C4B0;

					.goupic {
						width: 32rpx;
						height: 32rpx;
					}

					.goutxt {
						font-size: 24rpx;
						color: #ffffff;
						padding-left: 12rpx;
					}
				}
			}
		}

		.wrap {
			// padding: 0 30rpx;
			.topli {
				height: 74rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #ffffff;
				.toptxt {
					width: 33.33%;
					text-align: center;
					font-size: 24rpx;
					color: #999999;
				}

				.active {
					font-weight: bold;
					color: #45C4B0;
				}
			}

			.mengBox {
				padding: 20rpx 30rpx;
				background-color: #ffffff;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				display: flex;
				align-items: flex-end;
				justify-content: space-between;

				.left {
					width: 400rpx;
					flex-shrink: 0;

					.ltop {
						display: flex;
						align-items: center;
						padding-bottom: 18rpx;

						.lpic {
							width: 32rpx;
							height: 32rpx;
							flex-shrink: 0;
						}

						.ltitle {
							padding-left: 6rpx;
							font-size: 28rpx;
							font-weight: bold;
							color: #3D3D3D;
							
						}
					}

					.ltxt {
						font-size: 20rpx;
						color: #3D3D3D;

						text {
							padding-left: 10rpx;
							font-size: 20rpx;
							color: #999999;
						}
					}
				}

				.ytxt {
					white-space: nowrap;
					font-size: 36rpx;
					font-weight: bold;
					color: #45C4B0;

					text {
						font-size: 20rpx;
						color: #999999;
						padding-left: 8rpx;
					}
				}
			}
		}

		.pingbox {
			background-color: #ffffff;
			padding: 20rpx 30rpx;
			margin-bottom: 20rpx;

			.ptop {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				padding-bottom: 12rpx;

				.head {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					flex-shrink: 0;
				}

				.pcen {
					flex-grow: 1;
					padding: 0 12rpx;

					.nabox {
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding-bottom: 6rpx;
						.top{
							display: flex;
							align-items: center;
						}
						.natitle {
							font-size: 28rpx;
							font-weight: bold;
							color: #3D3D3D;
							padding-right: 12rpx;
							padding-bottom: 6rpx;
						}

						.good {
							padding: 2rpx 8rpx;
							background: rgba(44, 211, 124, 0.15);
							font-size: 20rpx;
							font-weight: normal;
							letter-spacing: 0.08em;
							color: #2CD37C;
						}
						
						.red{
							background: rgba(236, 87, 109, 0.15);
							color: #ec576d;
						}
						
						.yellow{
							background: rgba(255, 170, 0, 0.15);
							color: #ffaa00;
						}
					}

					.time {
						display: flex;
						align-items: center;
						.starbox_wrap{
							display: flex;
							align-items: center;
							margin-right: 32rpx;
							.tit{
								font-size: 20rpx;
								color: #999999;
								white-space: nowrap;
							}
						}
						.spic {
							width: 16rpx;
							height: 16rpx;
							margin-left: 2px;
						}
					}
				}

				.starbox {
						font-size: 24rpx;
						color: #999999;
						
						
					
				}
			}

			.datxt {
				font-size: 24rpx;
				color: #3D3D3D;
				line-height: 34rpx;
				margin-bottom: 20rpx;
				
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				word-break: break-all;
			}

			.jiebox {
				padding: 20rpx;
				border-radius: 8rpx;
				opacity: 1;
				background: #F8F8F8;
				display: flex;
				align-items: flex-end;
				justify-content: space-between;

				.left {
					flex-shrink: 0;

					.ltop {
						display: flex;
						align-items: center;
						padding-bottom: 18rpx;

						.lpic {
							width: 32rpx;
							height: 32rpx;
							flex-shrink: 0;
						}

						.ltitle {
							padding-left: 6rpx;
							font-size: 28rpx;
							font-weight: bold;
							color: #3D3D3D;
							width: 400rpx;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}

					.ltxt {
						font-size: 20rpx;
						color: #3D3D3D;

						text {
							padding-left: 10rpx;
							font-size: 20rpx;
							color: #999999;
						}
					}
				}

				.ytxt {
					font-size: 36rpx;
					font-weight: bold;
					color: #45C4B0;
					white-space: nowrap;

					text {
						font-size: 20rpx;
						color: #999999;
						padding: 0 8rpx;
					}
				}
			}
		}

		.taibox {
			padding: 20rpx 30rpx;
			background-color: #ffffff;
			margin-bottom: 20rpx;
			position: relative;
			.jubox{
				position: absolute;
				top: 25rpx;
				right: 25rpx;
				width: 32rpx;
				height: 32rpx;
				// border: 1px dashed #eeeeee;
			}
			.taitop {
				display: flex;
				align-items: center;
				padding-bottom: 12rpx;
				.taihead {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					flex-shrink: 0;
				}

				.taiyou {
					padding: 0 12rpx;
					flex: 1;

					.yoa {
						display: flex;
						align-items: center;
						padding-bottom: 8rpx;

						.nametxt {
							font-size: 28rpx;
							color: #3D3D3D;
							padding-right: 8rpx;
							font-weight: bold;
						}

						.jipic {
							width: 41px;
							height:19px;
							margin-left: 4px;
						}

						.biepic {
							width: 41px;
							height:19px;
							margin-left: 4px;
						}
					}

					.baobox {
						display: flex;
						align-items: center;
						flex-wrap: wrap;

						.baofen {
							padding: 2rpx 8rpx;
							background: rgba(243, 122, 165, 0.15);
							border-radius: 4px;
							margin-right: 8rpx;
							flex-shrink: 0;
							font-size: 20rpx;
							letter-spacing: 0.08em;
							color: #F37AA5;
						}
						
						.baofen2 {
							padding: 2rpx 8rpx;
							background: rgba(69, 196, 176, 0.07);
							border-radius: 4px;
							margin-right: 8rpx;
							flex-shrink: 0;
							font-size: 20rpx;
							letter-spacing: 0.08em;
							color: #45C4B0;
						}

						.baotime {
							font-size: 24rpx;
							letter-spacing: 0em;
							color: #999999;
							
							.tag-i{
								background: rgba(#45C4B0, .15);
								color: #45C4B0;
								font-size: 10px;
								padding: 1px 4px;
								border-radius: 4px;
								margin-right: 4px;
							}
						}
					}
				}
			}

			.baotitle {
				font-size: 28rpx;
				color: #3D3D3D;
				padding-bottom: 6rpx;
			}

			.baotxt {
				font-size: 24rpx;
				color: #3D3D3D;
				line-height: 38rpx;
				padding-bottom: 20rpx;
			}

			.chebox {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				padding-bottom: 20rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);

				.chepic:last-child {
					margin-right: 0;
				}

				.chepic {
					width: 218rpx;
					height: 218rpx;
					margin-right: 12rpx;
				}
				
				.fupic {
					// width: 100%;
					// margin-bottom: 20rpx;
				}
				
				.doubleImg{
					width: 100%;
					flex-wrap: wrap;
					justify-content: space-between;
					
					image{
						width: 168px;
						height: 168px;
						margin-bottom: 6px;
					}
				}
				
				.triImg{
					width: 100%;
					flex-wrap: wrap;
					
					image{
						width: 105px;
						height: 106px;
						margin-right: 6px;
						margin-bottom: 6px;
					}
					
					image:nth-of-type(3n){
						margin-right: 0;
					}
				}
			}

			.zanbox {
				display: flex;
				align-items: center;
				padding-top: 18rpx;

				.zanli {
					width: 50%;
					display: flex;
					align-items: center;
					justify-content: center;

					.zanpic {
						width: 28rpx;
						height: 28rpx;
						flex-shrink: 0;
					}

					.zantxt {
						padding-left: 8rpx;
						font-size: 20rpx;
						letter-spacing: 0.08em;
						color: #999999;
					}
				}
			}
		}

		.baibox {
			background-color: #ffffff;
			width: 474rpx;
			border-radius: 8px;
			opacity: 1;
			padding: 100rpx 30rpx 40rpx;
			position: relative;
		
			.baihead {
				width: 160rpx;
				height: 160rpx;
				border-radius: 50%;
				position: absolute;
				top: -80rpx;
				left: 50%;
				margin-left: -80rpx;
			}
		
			.nickname {
				font-size: 32rpx;
				padding-bottom: 8rpx;
				font-weight: bold;
				text-align: center;
				color: #3D3D3D;
			}
		
			.xutxt {
				font-size: 24rpx;
				text-align: center;
				color: #999999;
				padding-bottom: 28rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					image{
						width: 28rpx;
						height: 28rpx;
						margin-right: 8rpx;
					}
			}
				.exhibit{
					display: grid;
					grid-gap: 16rpx 16rpx;
					justify-content: space-between;
					grid-template-columns: repeat(auto-fill, 218rpx);
					.item{
						width: 218rpx;
						height: 218rpx;
						background: rgba(216, 216, 216, 0.3);
						border: 8rpx;
						
						image{
							width: 218rpx;
							height: 218rpx;
							border-radius: 0.5em;
						}
					}
				}
			.gexu {
				padding-bottom: 20rpx;
				max-height: 450rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				margin-bottom: 20rpx;
		
				.geli {
					display: flex;
					align-items: flex-start;
					padding-bottom: 20rpx;
		
					.getitle {
						font-size: 28rpx;
						font-weight: bold;
						letter-spacing: 0em;
						color: #3D3D3D;
						flex-shrink: 0;
					}
		
					.getxt {
					
						// padding-top: 1rpx;
						
						font-size: 26rpx;
						color: #999999;
						line-height: 35rpx;
					}
				}
			}
		
			.fabox {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 86rpx;
				border-radius: 8px;
				opacity: 1;
				background: #45C4B0;
				margin-top: 20rpx;
		
				.fapic {
					width: 40rpx;
					height: 40rpx;
				}
		
				.fatxt {
					font-size: 28rpx;
					font-weight: 500;
					padding-left: 14rpx;
					letter-spacing: 0em;
					color: #FFFFFF;
				}
			}
		
		}
		.closepic {
			width: 40rpx;
			height: 40rpx;
			margin: 40rpx auto 0;
		}
		.mask {
			background: #F2F5F2;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			overflow: hidden;
		
			.matop {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 40rpx 68rpx;
				margin-bottom: 20rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);
				background-color: #ffffff;
		
				.mapic {
					width: 40rpx;
					height: 40rpx;
					flex-shrink: 0;
				}
		
				.matxt {
					flex-grow: 1;
					font-size: 28rpx;
					padding: 0 16rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
				}
			}
		
			.qubox {
				line-height: 120rpx;
				text-align: center;
				font-size: 28rpx;
				font-weight: bold;
				letter-spacing: 0em;
				color: #3D3D3D;
				height: 120rpx;
				opacity: 1;
				background: #FFFFFF;
			}
		}
		.empytView{
			background-color: #ffffff;
		}
	}

</style>